<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category.css">
</head>

<body>
    <div class="mg-header" id="top">
        <div class="logo mg-left  ">
            <a href="index.html"><img src="./images/header_logo.png" alt=""></a>
        </div>
        <div class="upload mg-right">
            <a href="javascript:;"><img src="./images/header_app.png" alt=""></a>
        </div>
    </div>
    <div class="mg-search">
        <form>
            <input type="search" class="inp-search" placeholder="请输入您想比价的商品">
            <input type="button" value="搜索" class="btn-ok">
        </form>

    </div>
    <div class="cate-cotent">
        <ul class="cateList">
            <li><a href="#" class="proTitle">大家电</a>
                <ul class="pros">
                    <li><a href="#">电视</a></li>
                    <li><a href="#">冰箱</a></li>
                    <li><a href="#">微波炉</a></li>
                    <li><a href="#">洗衣机</a></li>
                    <li><a href="#">彩电</a></li>
                    <li><a href="#">空调</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                </ul>
            </li>
            <li><a href="#" class="proTitle">电子设备</a>
                <ul class="pros">
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                </ul>
            </li>
            <li><a href="#" class="proTitle">手机数码</a>
                <ul class="pros">
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                </ul>
            </li>
            <li><a href="#" class="proTitle">电脑办公</a>
                <ul class="pros">
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                </ul>
            </li>
            <li><a href="#" class="proTitle">厨卫家电</a>
                <ul class="pros">
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                </ul>
            </li>
            <li><a href="#" class="proTitle">个人护理</a>
                <ul class="pros">
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">电视</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="mg-footer">
        <div class="opt clearfix">
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li class="last"><a href="#top">返回顶部</a></li>
            </ul>
        </div>
        <div class="msg">
            <p><a href="#" class="red">手机APP下载</a><a href="#">慢慢买手机版</a><span class="gray">--掌上比价平台</span></p>
            <p class="gray">m.mmbuy.com</p>
        </div>
    </div>
</body>
<script src="./lib/artTemplate/template-web.js"></script>
<script src="./lib/Rem-Flexible/lib-flexible/build/flexible.js"></script>
<script src="./lib/Rem-Flexible/lib-flexible/build/flexible_css.js"></script>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

</html>